// import React from 'react';
import "./App.css";
// import { ProjectListScreens } from "./screens/project-list";
// import { TsReactTest } from "./test/try-use-array";
// import { LoginSreen } from './screens/login'
import { AuthenticatedApp } from "./authenticated-app";
import { UnauthenticatedApp } from "./unauthenticated-app";
import { useAuth } from "./screens/context/auth-context";

function App() {
    const { user } = useAuth();
    return (
        <div className="App">
            {/* <TsReactTest></TsReactTest> */}
            {/* <ProjectListScreens></ProjectListScreens> */}
            {/* <LoginSreen></LoginSreen> */}
            {user ? <AuthenticatedApp /> : <UnauthenticatedApp />}
        </div>
    );
}

export default App;
